@media only screen and (max-width: 540px) {
    #fullPage-nav {
        display: none; // Hide navigation dots.
    }
}

@media only screen and (max-height: 320px) {
    .btn-continue {
        width: 16px;
        height: 16px;
        margin-left: -25px;

        background-image: url('../images/theme/btn-more-small.png');
    }
}

@media only screen and (max-width: 1200px) {
    body {
        line-height: 36px;
    }
    h1 {
        font-size: 3em;
    }
    h2 {
        font-size: 1.525em;
    }
    h3 {
        font-size: 1.175em;
    }
}

@media only screen and (max-width: 480px), screen and (max-height: 480px) {
    h1 {
        font-size: 2em;
    }
    h2 {
        font-size: 1.375em;
    }
    h3 {
        font-size: 1.05em;
    }
}

@media screen and (max-width: 720px), screen and (max-height: 480px) {
    $icon-size: 32px;

    .social-links {
        a {
            width: $icon-size;
            height: $icon-size;
            margin: 6px;

            background-size: $icon-size $icon-size;
        }
    }
}

@media screen and (max-width: 320px) {
    $icon-size: 24px;

    .social-links {
        a {
            width: $icon-size;
            height: $icon-size;
            margin: 2px;

            background-size: $icon-size $icon-size;
        }
    }
}
